/* CSS Document */

*{margin:0; padding:0;}
ul{list-style-type:none;}
a{text-decoration:none;}
body{font-family:arial; font-size:12px;}

#wrapper{width:600px; margin:0 auto;}
#menu{height:25px; background:#fff}
#menu > ul > li{float:left; }
#menu ul li{position:relative;}
#menu > ul > li > a{color:#333; line-height:30px; display:block; background:#FFFFFF; position:relative; z-index:30;}
#menu > ul > li > a.active{background:url(../images/arrow.png) bottom center no-repeat #fff;}
#menu ul li a{color:#333333; font-weight:bold; text-transform:uppercase;}
#menu > ul > li > a > span{border-top:30px solid #fff; display:block; margin:0 15px; border-bottom:4px solid #3399CC; padding:0 10px; }
#menu > ul > li > ul > li{line-height:30px;}
ul.submenu{margin-left:15px; background:#f5f5f5; border-radius:0 0 5px 5px;}
#menu ul li ul.submenu li a{display:block; padding-left:10px; color:#666; text-transform:capitalize}
ul.submenu li a:hover{color:#333; background:#eee}
#menu ul li:last-child ul{right:15px;}
